flack /
openpsa
| Conditions | 12 |
| Total Lines | 54 |
| Code Lines | 34 |
| Lines | 0 |
| Ratio | 0 % |
| Changes | 0 | ||
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
Complex classes like subform.js ➔ init_subform often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
| 1 | function init_subform(id, sortable) { |
||
| 2 | var container = $('#' + id), |
||
| 3 | delete_button = $('<a class="button remove-item">-</a>'), |
||
| 4 | add_button = $('<a class="button add-item">+</a>') |
||
| 5 | .on('click', function(e) { |
||
| 6 | e.preventDefault(); |
||
| 7 | add_form(container, add_button, delete_button, sortable); |
||
| 8 | }), |
||
| 9 | index = 0; |
||
| 10 | |||
| 11 | container.on('click', 'a.remove-item', function(e) { |
||
| 12 | e.preventDefault(); |
||
| 13 | $(this).parent().remove(); |
||
| 14 | if ( container.data('max-count') > 0 |
||
| 15 | && container.data('max-count') >= container.find('fieldset').length |
||
| 16 | && container.find('.add-item').length === 0) { |
||
| 17 | container.append(add_button); |
||
| 18 | } |
||
| 19 | }); |
||
| 20 | |||
| 21 | container.children().each(function() { |
||
| 22 | $(this).prepend(delete_button.clone()); |
||
| 23 | index++; |
||
| 24 | }); |
||
| 25 | |||
| 26 | container.data('index', index); |
||
| 27 | if ( container.data('max-count') === 0 |
||
| 28 | || container.data('max-count') > index) { |
||
| 29 | container.append(add_button); |
||
| 30 | } |
||
| 31 | |||
| 32 | if (sortable === true) { |
||
| 33 | container |
||
| 34 | .sortable({items: '> :not(a.add-item)'}) |
||
| 35 | .on('sortupdate', function() { |
||
| 36 | $($(this).find('> .ui-sortable-handle').get().reverse()).each(function(index, element) { |
||
| 37 | let id = element.id |
||
| 38 | if (!id) { |
||
| 39 | id = $('> .input > *:first-child', element).attr('id'); |
||
| 40 | } |
||
| 41 | $('#' + id + '_score').val(index); |
||
| 42 | }); |
||
| 43 | }); |
||
| 44 | } |
||
| 45 | |||
| 46 | add_button.on('click', function() { |
||
| 47 | // If there is exactly one file selector, we're probably in some sort of attachment list, |
||
| 48 | // so let's assume the user wants to add a file |
||
| 49 | // (at some point this should probably be made configurable) |
||
| 50 | if ($(this).prev().find('input[type="file"]').length === 1) { |
||
| 51 | $(this).prev().find('input[type="file"]').click(); |
||
| 52 | } |
||
| 53 | }); |
||
| 54 | } |
||
| 55 | |||
| 74 |
